/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace;	font-size: 1em; }
a {	background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress {	vertical-align: baseline; }
textarea { overflow: auto;}
[type="checkbox"],
[type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button {	-webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea { font-family: "Open Sans", Arial, Helvetica, sans-serif; color: #000; font-size: 18px;}

h1 { clear: both; font-family: "Open Sans", Arial, Helvetica, sans-serif; color:#c23a0a; font-weight:bold; font-size: 22px; margin: 15px 0px 10px 0px; padding:0;}
h2 { clear: both; font-family: "Open Sans", Arial, Helvetica, sans-serif; color:#c23a0a; font-weight:bold; font-size: 20px; margin: 15px 0px 0px 0px; padding:0;}
h3 { clear: both; font-family: "Open Sans", Arial, Helvetica, sans-serif; color:#c23a0a; font-weight:bold; font-size: 18px; margin: 15px 0px 0px 0px; padding:0;}
h4, h5, h6 { clear: both; font-family: "Open Sans", Arial, Helvetica, sans-serif; color:#c23a0a; font-size: 18px; font-weight:bold; margin: 5px 0px 0px 0px; padding:0;}

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

pre { background: #eee;	font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem;
	line-height: 1.6; margin-bottom: 1.6em;	max-width: 100%; overflow: auto; padding: 1.6em; }

abbr, acronym {	border-bottom: 1px dotted #666;	cursor: help; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

body { background-color:#fff; padding:0px; margin: 20px 0px 0px 0px; }

#page {position:relative; max-width: 1600px; margin: 0px auto; overflow: hidden; min-height: 800px; padding-bottom: 40px;}

#masthead {position:relative; float:left; min-height: 170px; width:100%; margin: 0px 0px 0px 50px; }
#masthead .logo {position:relative; float:left; margin: 20px 0px 20px 2%; max-width:200px; }

#content {position:relative; float:left; width: 100%; margin: 20px 0px 20px 0px; min-height: 300px; overflow: hidden;}

hr { background-color: rgba(17,36,69,1); border: 0; height: 3px; margin-bottom: 1.5em; }

ul { margin: 0px 10px 15px 30px; padding-left: 20px;}
ol { margin: 0px 10px 15px 30px; padding-left: 20px;}
li { margin: 3px 0px 3px 0px; }
dt { font-weight: bold; }
dd { margin: 0 1.5em 1.5em; }

a { color: #246cb4; text-decoration: none;}
a:hover, a:focus, a:active { color:#c23a0a; }
a:focus { outline: thin dotted; }
a:hover, a:active {	outline: 0; }

table {	margin: 0 0 1.5em; width: 100%; border-spacing: 0px; border-collapse: separate; }

.button {background-color:#f8e7c3; background-size: 25px 25px;
        padding:12px 5px 13px 35px; background-repeat: no-repeat; background-position:5px center;
        border-radius: 7px; display:block;}

/* Start shopping cart specific CSS */
#cpy {position:absolute; bottom: 0px; min-height: 20px; width: 100%; background-color:#779ab2; clear:both;
     font-family: Verdana, Arial, Helvetica, sans-serif; color: #dfe9eb; font-size: 13px; line-height: 130%;
     padding: 12px 0px 10px 0px; text-align:center; margin: 0px 0px 0px 0px; z-index: 100;}        

#logonav    { position:relative; width: 100%; max-width: 1600px; min-height:150px; overflow:hidden;
             z-index: 100; }
#logonav ul { position:relative; float:left;  list-style-type:none; padding: 0px; margin: 20px 0px 20px 50px; }
#logonav li { display: inline; padding: 0px; margin: 0px 5px 0px 25px; }
#logonav img { position:relative; float:left; padding: 0px; margin: 5px 0px 0px 24px; max-width: 200px; }

#CDDnav    { left:370px; max-width: 780px; }
.CDDnav0   { position:relative; float:left; margin-right: 30px;}

#maincartcontent  { position: relative; float: left; min-height: 400px; width: 100%;
                    margin: 20px 0px 0px 0px; }
#maincartcontent table { border-spacing: 0px; border-collapse:collapse }
             
#authtbl { position:relative; margin: 50px auto 150px auto; padding: 20px; max-width: 400px; z-index: 1;}
#authtbl td { height:25px; vertical-align:middle; }
#authtbl input { width: 100%; margin: 5px 5px 5px 5px; border-radius: 5px; border:1px solid #a1a1a1; min-height: 20px; }
#authtbl h1 {margin-left: 0px; margin-bottom: 20px; }
#authtbl h2 {margin-left: 0px; margin-bottom: 20px; }

#lside {position:relative; float:left; width: 500px; margin: 40px 0px 0px 30px; clear:both; }
#lside h1 {margin-left: 0px; }
#lside h2 {margin-left: 0px; }
#lside h3 {margin-left: 0px; }
#lside p {margin-left: 0px; }

#rside {position:relative; float:left; width: 90%; max-width: 1000px; margin: 20px 20px 60px 30px; z-index: 1; }
#rside h1 {margin-left: 0px; }
#rside h2 {margin-left: 0px; }
#rside h3 {margin-left: 0px; }
#rside p {margin-left: 0px; margin-right:30px;}
#rside td { vertical-align:middle; }
#rside input.long { width: 90%; }
#rside input { margin: 5px 5px 5px 5px;  border-radius: 5px; padding-bottom: 2px; border:1px solid #a1a1a1; min-height: 25px; }
#rside input[type='checkbox'] { width:auto; margin: 0px 0px 0px 10px; padding: 0px; }
#rside input[type='radio'] { width:auto; margin: 0px 0px 0px 10px; padding: 0px; min-height: 10px; }
#rside textarea { border-radius: 5px; width: 90%;}
#rside label { position:relative; top: -5px; }
#rside select {  margin: 5px 5px 5px 5px; padding-top: 1px; border-radius: 5px; border:1px solid #a1a1a1; min-height: 25px; }
#rside ol {margin-left: 0px; }
#rside th { vertical-align:top; border-style: none none solid none; border-width: 0px 0px 1px 0px;
             font-weight: normal; text-align:left; }
                    
#fullpg  { position:relative; margin: 0px 0px 30px 30px; max-width: 95%;
           z-index: 1; overflow:hidden; clear:both; }
#fullpg h1 {margin-left: 0px; }
#fullpg h2 {margin-left: 0px; }
#fullpg p {margin-left: 0px; }
#fullpg table { background-color: rgba(255,255,255,.8); width: 100%; }
#fullpg th { vertical-align:top; border-style: none none solid none; border-width: 0px 0px 1px 0px;
             font-weight: normal; text-align:left; }
#fullpg td { padding: 5px 0px 5px 10px; border-style: none none solid none; border-width: 0px 0px 1px 0px; border-color: #ccc; }

.tbl       {  border-collapse: separate; border: 3px solid white; width: 100%; }
.tbl-items td {padding:5px; }

#contactrsp {position:relative; float:left; max-width: 400px; margin: 60px 20px 80px 40px; }

.cartcontent { margin: 40px 0px 20px 300px; min-height: 300px;}
.cart_tbl { margin: 10px 0px 10px 0px; border-style: none; }
.cart_trb { padding: 1px 5px 1px 5px; border-style: none solid solid none;
          border-color: #993300; border-width: 1px;}
.cart_trbd { padding: 1px 5px 1px 5px; border-style: none solid double none;
           border-color: #993300; border-width: 0px 1px 2px 0px;}
.cart_tlrb { padding: 1px 5px 1px 5px; border-style: none solid solid solid;
          border-color: #993300; border-width: 1px;}
.cart_tlrbd { padding: 1px 5px 1px 5px; border-style: none solid double solid;
           border-color: #993300; border-width: 0px 1px 2px 0px;}
.cart_tr { padding: 1px 5px 1px 5px; border-style: none solid none none;
         border-color: #993300; border-width: 1px;}
.cart_tn { padding: 1px 5px 1px 5px; border-style: none; }
.cart_tns { padding: 5px 5px 1px 5px; border-style: none; }
.cart_tcrb { text-align: center ; padding: 1px 5px 1px 5px;
           border-style: none solid solid none; border-color: #993300;
           border-width: 1px;}
.cart_trrb { text-align: right; padding: 1px 5px 1px 5px;
           border-style: none solid solid none; border-color: #993300;
           border-width: 1px;}

.rtalign {text-align:right; }
.indent-cn {margin-left: 75px;}
.nav-cn {padding-left: 0 px; }
.rindent {padding-right: 30px; }

.incat {margin: 0px 0px 20px 15px; }
.tnail {position:relative; float:left; min-height:200px; margin-top: 10px; margin-right: 10px; }
.tnaill {position:relative; float:left; min-height:200px; margin-top: 10px; margin-right: 10px; }
.limg { border: 3px solid #F6EBD5; }
.timg { border: 3px solid #F6EBD5; }
.ltmar { margin-left:0px; }
.signout { position:absolute; top:0px; right: 0px; padding: 10px; font-size: 14px; width: 100px; text-align:right; }
.signout a {background: #eeeeee; }
.error   {color:red; font-weight: bold; }
.rqd     {color:red; }

hr { color: #000000; background-color: #000000; height: 3px; margin-right: 30px; }

.ui-datepicker table {font-size: 1em;}
.nicEdit-main { background-color: #ffffff;  border:none; padding: 3px;}
.nicEdit-left {float:left; margin:5px 10px 10px 0px; }
.nicEdit-right {float:right; margin:5px 0px 10px 10px; }
#tarea { border:none; background-color: #ffffff; width:800px; margin:0px; padding: 0px; }
textarea { display:block; max-width:800px; max-height:300px; padding:0; margin:0; resize: both; overflow:auto; }

/* table classes for csvproc */
.listtable {border-style:solid; border-width: 2px; border-color: #999999; border-collapse:collapse; margin: 0px; }
.listtable td {border:solid; border-width: 2px; border-color: #999999; padding: 5px 10px 5px 10px; margin: 0px;}
.listtable th {border:solid; border-width: 2px; border-color: #999999; padding: 5px 10px 5px 10px; text-align:left;
                font-weight: bold; background-color: #eeeeee; margin: 0px;}

/* Calendar classes */
table.calendar { border-left:1px solid #999; background-color: #ffffff; padding: 0px; }
tr.calendar-row	{  }
td.calendar-day	{ height:80px; font-size:12px; position:relative; }
td.calendar-day p { margin: 0px 0px 4px 15px; font-size:12px; line-height:100% }
td.calendar-day hr { border: 0; color: #888888; background-color: #888888; height: 3px; }
td.calendar-day-np	{ background:#eee; min-height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px;
                     border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999; padding:1px; color:#fff; font-weight:bold; float:right;
                    margin:-5px -5px 0 2px; width:15px; text-align:center; }

td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }

/* drop and drag CSS */
#filedrag   { display: none; font-weight: bold;	text-align: center; padding: 20px 0;
      	      margin: 20px; color: #555; border: 2px dashed #555; border-radius: 7px;
              cursor: default; }

#filedrag.hover  { color: #f00;	border-color: #f00;	border-style: solid;
                   box-shadow: inset 0 3px 4px #888; }
                   

@media only screen and (max-width: 900px) {                  
       .CARTnav0 { margin-left: 0px; clear:both; font-size: 110%; }
       #CDDnav { position: relative; float: left; clear:both; top: 0px; left: 30px; }
       #rside { width: 90%; }
}